<template>
  <view class="container">
    <!-- 头像 -->
    <view class="header">
      <view class="avatar-text">头像</view>
      <image class="avatar" src="https://zhimao.shengdunyun.net/uploads/wangeditor/20250308/67cbf1b8b89f9.png"></image>
    </view>

    <!-- 姓名 -->
    <view class="info-section" @click="goToExternalName">
      <view class="info-item">
        <text class="label">姓名</text>
        <text class="value">姓名名称</text>
      </view>
      <view class="info-right">
        <text class="verified">已实名</text>
        <uni-icons type="arrowright" size="16" color="#000"></uni-icons>
      </view>
    </view>

    <!-- 手机号 -->
    <view class="info-section" @click="goToChangePhone">
      <view class="info-item">
        <text class="label">手机号</text>
        <text class="value">130******00</text>
      </view>
      <uni-icons type="arrowright" size="16" color="#000"></uni-icons>
    </view>

    <!-- 微信号 -->
    <view class="info-section" @click="goToChangeWechat">
      <view class="info-item">
        <text class="label">微信号</text>
        <text class="value">130******00</text>
        <view class="tip"> 
		<image src="/static/img/Warning.svg" class="warn"></image>
		微信号只有你主动与牛人交换时候，才会告知对方</view>
      </view>
      <uni-icons type="arrowright" size="16" color="#000"></uni-icons>
    </view>

    <!-- 接收简历邮箱 -->
    <view class="info-section" @click="goToResumeEmail">
      <view class="info-item">
        <text class="label">接收简历邮箱</text>
        <text class="value">建议录入企业邮箱</text>
      </view>
      <uni-icons type="arrowright" size="16" color="#000"></uni-icons>
    </view>

    <!-- 我的公司 -->
    <view class="info-section" @click="goToMyCompany">
      <view class="info-item">
        <text class="label">我的公司</text>
        <text class="value">佛山市知水尚远网络客户有限公司</text>
      </view>
      <uni-icons type="arrowright" size="16" color="#000"></uni-icons>
    </view>

    <!-- 我的职务 -->
    <view class="info-section" @click="goToMyPosition">
      <view class="info-item">
        <text class="label">我的职务</text>
        <text class="value">主管</text>
      </view>
      <uni-icons type="arrowright" size="16" color="#000"></uni-icons>
    </view>
  </view>
</template>

<script>
import uniIcons from "@/uni_modules/uni-icons/components/uni-icons/uni-icons.vue"; // 根据实际路径调整

export default {
  components: {
    uniIcons,
  },
  methods: {
    // 跳转到对外名称页面
    goToExternalName() {
      uni.navigateTo({ url: "/pages/form/company-info/external-name" });
    },
    // 跳转到修改手机号页面
    goToChangePhone() {
      uni.navigateTo({ url: "/pages/form/company-info/change-phone" });
    },
    // 跳转到修改微信号页面
    goToChangeWechat() {
      uni.navigateTo({ url: "/pages/form/company-info/change-wechat" });
    },
    // 跳转到接收简历邮箱页面
    goToResumeEmail() {
      uni.navigateTo({ url: "/pages/form/company-info/resume-email" });
    },
    // 跳转到我的公司页面
    goToMyCompany() {
      uni.navigateTo({ url: "/pages/form/company-info/my-company" });
    },
    // 跳转到我的职务页面
    goToMyPosition() {
      uni.navigateTo({ url: "/pages/form/company-info/my-position" });
    },
  }, 
};
</script>

<style>
.container {
  padding: 10px;
  background-color: #fff;
}

.header {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ebebeb;
}

.avatar {
  width: 50px;
  height: 50px;
}

.verified {
  font-size: 14px;
  color: #666;
}

.info-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ebebeb;
  padding: 15px;
  cursor: pointer; /* 添加点击效果 */
}

.info-item {
  background-color: #fff;
  margin-bottom: 10px;
}

.info-section:last-child {
  border-bottom: 1px solid #ebebeb;
}

.label {
  font-size: 14px;
  color: #666;
  display: block;
  margin-bottom: 5px;
}

.value {
  font-size: 16px;
  color: #333;
}

.tip {
  font-size: 12px;
  color: #999;
  display: block;
  margin-top: 5px;
}

.warn{
	width: 12px;
height: 12px;
}


.info-right {
  display: flex;
  align-items: center;
}
</style>